{extends file="../home.html"}
{block name="title"}{$head_title}{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/css/zhonchou_home.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
body{
	background: #F3F3F3;
}
</style>
{/block}
{block name="content"}

	
<div class="com_header">
	<a href="javascript:;" class="go_back"><i class="icon_back"></i></a>众筹频道<a href="javascript:;" class="msg"><i class="icon_msg"></i><span class="dot"></span></a>
</div>

<div id="load_wrapper">
	<div id="scroller">
		<div id="pullDown">
		    <span class="pullDownIcon"></span>
		</div>

			<div class="zhongchou_header clearfix">
				<img src="/Public/Images/img/icon-hone-chou-50@3x.png" alt="" onclick="location='/Index/channel_info'">
				<div class="zc_header_main">
					<h1 class="title"><a href="/Index/channel_info">众筹频道</a><span class="today">今日新帖34</span></h1>
					<p class="level">LV0众筹频道</p>
					<div class="line">
						<p class="line-inner" data-width="50"></p>
					</div>
					<!-- 关注 -->
					<div class="btn_gz"><span></span>关注</div>

					<!-- 已关注 -->
					<div class="gz_yes" style="display: none;">已关注</div>
					<!-- 签到 -->
					<div class="qiandao" style="display: none;">
						<i class="icon_qd"></i>签到
					</div>
					<!-- 已签到 -->
					<div class="qd_yes" style="display: none;">已签到</div>
				</div>
			</div>
			<div class="home_list">
				<div class="home_item">
					<div class="user_info clearfix">
						<a href="/Index/others_personal_center" class="avatar">
							<img src="/Public/Images/img/Mask@3x.png" alt="">
						</a>
						<div class="user_cont">
							<span class="nickname" onclick="location='/Index/others_personal_center'">花花世界</span>
							<i class="tag">女神认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
						</div>
					</div>

					<a href="/Index/zhonchou_detail">
					<div class="item_title">
						一花一世界，一叶一菩提
					</div>
					<div class="item_desc">
						一朵花就是一个宇宙。一个人身也是一个宇宙。万物渺小或者宏大，微观世界或者宏观世界，都是一个世界。
					</div>
					<ul class="imgbox clearfix">
						<li>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
						<li>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
						<li>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
						<li>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
					</ul>
					</a>
					<div class="item_bot clearfix">
						<span class="time fl">13:40</span>
						<span class="price fr">心愿价：¥1000</span>
						<span class="wan fr">已完成80%</span>
					</div>
				</div>
				<div class="home_item">
					<div class="user_info clearfix">
						<a href="/Index/others_personal_center" class="avatar">
							<img src="/Public/Images/img/Mask@3x.png" alt="">
						</a>
						<div class="user_cont">
							<span class="nickname" onclick="location='/Index/others_personal_center'">花花世界</span>
							<i class="tag">女神认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
						</div>
					</div>
					<a href="/Index/zhonchou_detail">
					<div class="item_title">
						一花一世界，一叶一菩提
					</div>
					<div class="item_desc">
						一朵花就是一个宇宙。一个人身也是一个宇宙。万物渺小或者宏大，微观世界或者宏观世界，都是一个世界。
					</div>
					<ul class="imgbox clearfix">
						<li>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
						<li>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
						<li>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
						<li>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
						<li>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
						<li>
							<div class="mask"><div class="txt">包含共20张图</div></div>
							<img src="/Public/Images/img/Mask@3x.png" alt="">	
						</li>
					</ul>
					</a>
					<div class="item_bot clearfix">
						<span class="time fl">13:40</span>
						<span class="price fr">心愿价：¥1000</span>
						<span class="wan fr">已完成80%</span>
					</div>
				</div>
			</div>
			<div id="pullUp">
				<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载...</span>
			</div>
		</div>
	</div>


	<!-- 发布 -->
	<a href="/Index/post_zc"><div class="post"></div></a>


{/block}
{block name="js"}
<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/js/zhonchou_load.js"></script>
{literal}
	
<script>
	var total = 1
    var firstRow = 1



	$(function(){
		var imgw = $('.imgbox li').width()
		imgh = $('.imgbox li').height(imgw);

		// 百分比
		$('.line-inner').width($('.line-inner').attr("data-width")+"%")
	})
	
	
	/*关注&签到*/
    $(function(){
    	$('.btn_gz').click(function(){
			$(this).hide();
			$('.gz_yes').show();
			$('.qiandao').show();
		})
	    
	    $('.qiandao').on('click',function(){

	    	$(this).hide();

	    	toast('已签到成功')

    	 

			$('.qd_yes').show();
	    })  

	    // 取消关注
	    $('.gz_yes').on('click',function(){
	    	$(this).hide();
	    	$('.qd_yes').hide();
			$('.qiandao').hide();
	    	$('.btn_gz').show();
	    })
    });

    
</script>
{/literal}
{/block}